<%-- 
    Document   : header
    Created on : Nov 23, 2013, 9:10:57 PM
    Author     : Katsumi
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <title>Viver Bem - Sua vida em equilibrio!</title>
        <link rel="stylesheet" href="css/bootstrap.css">
        <link rel="stylesheet" href="css/responsive.css">
        <link rel="stylesheet" href="css/style.css">
    </head>
    <body>
        <!--Inicio cabecalho-->
        <header>
            <div class="container">
                <div class="row">
                    <div class="span12">                
                        <div class="navbar">
                            <div class="navbar-inner"> 
                                <div class="nav-collapse nav-collapse_ collapse">
                                    <!--Lista de links do menu-->
                                    <ul class="sf-menu">
                                        <li><a href="index.jsp"><span>Página Inicial</span></a><strong></strong></li>
                                        <li><a href="?pagina=sobrenos"><span>Sobre nós</span></a><strong></strong></li>
                                        <li><a href="?pagina=artigos"><span>Artigos</span></a><strong></strong></li>
                                        <li><a href="?pagina=receitas"><span>Receitas</span></a><strong></strong></li>
                                        <li>
                                            <!--Item Aplicativo, exibe lista dropdown com subitens-->
                                            <a data-toggle="dropdown" href=""><span>Aplicativos</span></a><strong></strong>
                                            <ul class="dropdown-menu">
                                                <li><a href="?app=perfectWorkout">Perfect Workout</a></li>
                                                <li><a href="?app=imc">IMC</a></li>
                                                <li><a href="?app=engordometro">Engordômetro</a></li>
                                                <li><a href="?app=cardiocalc">TesteCardio</a></li>
                                            </ul>
                                        </li>
                                        <li class="last"><a href="?pagina=colabore"><span>Colabore conosco</span></a><strong></strong></li>                                    
                                    </ul>
                                    <!--Fim da lista-->
                                </div>
                            </div>
                        </div>
                        <h1 class="brand"><a href="index.jsp"><img src="img/logo.png" alt="viver bem"></a></h1>
                    </div>
                </div>
            </div>
            <div class="clearfix"></div>
        </header>
        <!--Fim cabecalho-->